<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../css/map.css">
	<link rel="stylesheet" href="../css/iconfont.css">
	<link rel="stylesheet" href="../css/iconfont1.css">
	<link rel="stylesheet" href="../css/iconfont2.css">
	<link rel="stylesheet" href="../css/iconfont3.css">
	<link rel="stylesheet" href="../css/iconfont4.css">
	<link rel="stylesheet" href="../fonts/font_488177_bjb8f8lzmq6/iconfont.css">
</head>
<body>
	<div class="header">
		<div class="header_top">
			<div class="container clearfix">
				<div class="icon clearfix">
					<img src="../img/phone.png" alt="">
					<a href="">400-010-8888</a>
				</div>
				<div class="hello">
					<a href="">您好，欢迎来到中蜜丝路！</a>
				</div>
				<div class="vip clearfix">
					<div>
						<span>会员中心</span>
						<span>﹀</span>
						<ul class="dropdown-menu">
							<li><a href="xinxi.html">我的信息</a></li>
							<li><a href="renyangfengxiang.html">我的认养</a></li>
							<li><a href="fengxiangdongtai.html">蜂箱动态</a></li>
							<li><a href="renyangxiangqing.html">认养详情</a></li>
						</ul>
					</div>
				</div>
				<div class="span">
					<span>丨</span>
				</div>
				
				<div class="sign clearfix">
					<a href="denglu.html">
						<img src="../img/yonghu.png" alt="">
						<span>登录</span>
					</a>
				</div>	
			</div>
		</div>
	</div>
	<div class="container clearfix nva">
		<div class="ZM">
			<a href="">
				<img src="../img/logo.png" alt="">
			</a>
		</div>
		<ul class="clearfix">
			<li><a href="../index.html">首页</a></li>
			<li><a class="index" href="map.html">蜜源寻蜜<span style="width: 80px;"></span></a></li>
			<li><a href="hmkp.html">好蜜科普</a></li>
			<li><a href="gjrz.html">蜂业专委会</a></li>
			<li><a href="vadio.html">蜜蜂视界</a></li>
			<li><a href="hyzx.html">会员中心</a></li>
		</ul>
	</div>
	<div class="map-box">
		<div id="custom-map"></div>
		<div id="scalebox" class="zdeps">
			<div class="zoom-map" onclick="inMap()">
				<div class="bMap-smcbg in"></div>
			</div>
			<div class="zoom-map" onclick="out()">
				<div class="bMap-smcbg out"></div>
			</div>
		</div>
		<div class="map-down" onclick="down()" id="honey-list-top"></div>
	</div>
	<div class="honey-list">
		<div class="honey-list-title">蜜源地蜂箱<span>NECTAR TO THE HIVE</span></div>
		<div class="screening-box">
			<div class="coat-row">
				<div class="head">蜜源地：</div>
				<div class="body">
					<a href="javascript:" class="coatChild on" rel="1" name="a1">全部</a>
					<a href="javascript:" class="coatChild" rel="2" name="a1">长白山蜜源地</a>
					<a href="javascript:" class="coatChild" rel="3" name="a1">大峡谷蜜源地</a>
					<a href="javascript:" class="coatChild" rel="4" name="a1">华阴山蜜源地</a>
				</div>
			</div><!--/coatRow-->
			<!--  2017/8/18 add  -->
			<div class="coat-row">
				<div class="head">蜂蜜种类：</div>
				<div class="body">
					<a href="javascript:" class="coatChild on" rel="1" name="b1">全部</a>
					<a href="javascript:" class="coatChild" rel="2" name="b1">枣花蜜</a>
					<a href="javascript:" class="coatChild" rel="3" name="b1">荆条蜜</a>
				</div>
			</div>
			<div class="coat-row">
				<div class="head">蜜蜂种类：</div>
				<div class="body">
					<a href="javascript:" class="coatChild on" rel="1" name="c1">全部</a>
					<a href="javascript:" class="coatChild" rel="2" name="c1">中蜂</a>
				</div>
			</div>
			<div class="coating-row">
				<div class="head">已选：</div>
				<div class="body cleara">
					<span class="clearBtn">清除全部</span>
				</div>
			</div>
		</div>
		<div class="empty" style="display: none;">
			<dt><i class="icon-empty"></i></dt>
			<dd>暂时没有相关信息</dd>
		</div>
		<div class="hive-list" id="list">
			<div class="hive-button-box">
				<a href="tjry.html" class="hive-button">认养蜂箱</a>
			</div>

			<ul class="hive-list-box">
				<li>
					<div class="hive-list-img active">
						<img src="../img/temp/list_01.png">
						<p>库存量：123</p>
						<input type="checkbox" disabled="disabled">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="myd.html" class="hive-view">查看详情</a>
						<a href="tjry.html">认养蜂箱</a>
					</div>
				</li>
				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_02.png">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="yuandi.html" class="hive-view">查看详情</a>
						<a href="tijiaorenyang.html" class="active">认养蜂箱</a>
					</div>
				</li>
				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_03.jpg">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="yuandi.html" class="hive-view">查看详情</a>
						<a href="tijiaorenyang.html">认养蜂箱</a>
					</div>
				</li>
				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_04.jpg">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="yuandi.html" class="hive-view">查看详情</a>
						<a href="tijiaorenyang.html.html">认养蜂箱</a>
					</div>
				</li>

				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_01.png">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="product_detail.html" class="hive-view">查看详情</a>
						<a href="order_submit.html">认养蜂箱</a>
					</div>
				</li>
				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_02.png">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="product_detail.html" class="hive-view">查看详情</a>
						<a href="order_submit.html">认养蜂箱</a>
					</div>
				</li>
				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_03.jpg">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="product_detail.html" class="hive-view">查看详情</a>
						<a href="order_submit.html">认养蜂箱</a>
					</div>
				</li>
				<li>
					<div class="hive-list-img">
						<img src="../img/temp/list_04.jpg">
						<p>库存量：123</p>
						<input type="checkbox">
					</div>
					<h2>百花蜜蜂箱</h2>
					<div class="hive-price">
						<span>¥2000</span>
						<div class="p_num">
							<span class="sy_minus" id="sy_minus_gid">-</span>
							<input class="sy_num" id="sy_num_gid" type="text" name="number" value="1" onkeyup="value=value.replace(/[^\d]/g,'')">
							<span class="sy_plus" id="sy_plus_gid">+</span>
						</div>
					</div>
					<div class="hive-details">
						<a href="product_detail.html" class="hive-view">查看详情</a>
						<a href="order_submit.html">认养蜂箱</a>
					</div>
				</li>
			</ul>
			<div class="pull-right clearfix">
				<div id="example"></div>
			</div>
			<div class="box-footer clearfix">
				<div id="example" class="pagination pagination-sm no-margin pull-right">
					<ul>
						<li>
							<a href=""><<</a>
						</li>
						<li>
							<a href=""><</a>
						</li>
						<li class="active">
							<a href="" ">1</a>
						</li>
						<li>
							<a href="">2</a>
						</li>
						<li>
							<a href="">3</a>
						</li>
						<li>
							<a href="">4</a>
						</li>
						<li>
							<a href="">5</a>
						</li>
						<li>
							<a href="">></a>
						</li>
						<li>
							<a href="">>></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left">
				<ul>
					<li>
						<i class="iconfont 	icon-dianhua"></i>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-shijianlishijilujishizhongbiaoxianxing"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-xinfeng"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-weizhi"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen">
				<dl>
					<dt>
						<a href="">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="">好蜜科普</a></dt>
					<dd>
						<a href="">蜜源探秘</a>
						<a href="">蜂蜜常识</a>
						<a href="">蜂蜜种类</a>
						<a href="">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜂业专委会</a></dt>
					<dd>
						<a href="">工匠认证</a>
						<a href="">专业培训</a>
						<a href="">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">蜜蜂视界</a></dt>
					<dd>
						<a href="">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfix">© 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" scr="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=5IU5DTYVBHzixAdSogA4SpQN3OzjEUDZ"></script>
	<script>
    //分页相关js
    var options = {
    	currentPage: 2,
    	totalPages: 10,
    	numberOfPages:5,
    	pageUrl: function(type, page, current){
    		if (page==current) {
    			return "javascript:void(0)";
    		} else {
    			return "/Articles?pageSize=15&pageIndex="+page;
    		}
    	}
    };
    // $('#example').bootstrapPaginator(options);
    // $('.coat-row').coatRow({
    //     nuv:".coating-row",//筛选结果
    //     zi:"coatChild",//所有筛选范围内的子类
    //     qingchu:'.clearBtn',//清除全部
    //     over:'on'//选中状态样式名称
    // });
    function down() {
    	if($(".map-down i").hasClass("up")){
    		$("#custom-map,#scalebox").slideDown()
    		$(".map-down i").removeClass("up")
    	}else {
    		$("#custom-map,#scalebox").slideUp()
    		$(".map-down i").addClass("up")
    	}
    }
    $(".icon-check").click(function(){
    	if ($(this).parent().hasClass("active")){
//            $(this).toggleClass("icon-wrong")
} else {
	$(this).toggleClass("icon-checked")
}
})
    // 购买数量
    $(document).ready (function ()
    {
        // 保留两位小数
        function toDecimal2(x) {
        	var f = parseFloat(x);
        	if (isNaN(f)) {
        		return false;
        	}
        	var f = Math.round(x*100)/100;
        	var s = f.toString();
        	var rs = s.indexOf('.');
        	if (rs < 0) {
        		rs = s.length;
        		s += '.';
        	}
        	while (s.length <= rs + 2) {
        		s += '0';
        	}
        	return s;
        }
        $ (".sy_minus").click (function ()
        {
        	var me = $ (this), txt = me.next (":text"), pc = me.closest("p");
        	var val = parseFloat (txt.val ());
        	val = val < 2 ? 2 : val;
        	txt.val (val - 1);

        	var price = me.parent('.p_num').parent('td').prev('.unit').children('#price').text();
        	var total = me.parent('.p_num').parent('td').next('.total').children('#total').text();
        	var number = txt.val();
        	var totalPrice = parseFloat(price*number);
        	var money = toDecimal2(totalPrice);
        	me.parent('.p_num').parent('td').next('.total').children('#total').text(money);
        });

        $(".sy_plus").click (function ()
        {
        	var me = $ (this), txt = me.prev (":text"), pc = me.closest("p");
        	var val = parseFloat (txt.val ());
        	txt.val (val + 1);

        	var price = me.parent('.p_num').parent('td').prev('.unit').children('#price').text();
        	var total = me.parent('.p_num').parent('td').next('.total').children('#total').text();
        	var number = txt.val();
        	var totalPrice = parseFloat(price*number);
        	var money = toDecimal2(totalPrice);
        	me.parent('.p_num').parent('td').next('.total').children('#total').text(money);
        });
    })[0].onselectstart = new Function ("return false");
</script>
<!-- 下拉菜单 -->


<script>
    var map = new BMap.Map("custom-map");    // 创建Map实例
    map.centerAndZoom(new BMap.Point(106.065563, 38.303847), 5);  // 初始化地图,设置中心点坐标和地图级别
    //    map.enableScrollWheelZoom()
    map.disableDoubleClickZoom()
    map.disablePinchToZoom()
    map.setCurrentCity("北京")         // 设置地图显示的城市 此项是必须设置的
    function inMap() {
    	map.setZoom(map.getZoom() + 1);
    }
    function out() {
    	map.setZoom(map.getZoom() - 1);
    }

    var points = [
    {
    	"lng": 132.216242,
    	"lat": 46.349176,
    	"name": "小兴安岭蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    },
    {
    	"lng": 127.742269,
    	"lat": 42.515146,
    	"name": "长白山蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    },
    {
    	"lng": 110.835847,
    	"lat": 37.004701,
    	"name": "吕梁山蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    },
    {
    	"lng": 114.644087,
    	"lat": 38.82287,
    	"name": "太行山蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }, {
    	"lng": 83.920602,
    	"lat": 43.182776,
    	"name": "天山蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }, {
    	"lng": 106.54153,
    	"lat": 33.907715,
    	"name": "秦岭蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }, {
    	"lng": 108.059019,
    	"lat": 30.359339,
    	"name": "武陵山蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }, {
    	"lng": 109.843557,
    	"lat": 19.267705,
    	"name": "五指山蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }, {
    	"lng": 98.510822,
    	"lat": 28.977569,
    	"name": "喜马拉雅蜜源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }, {
    	"lng": 100.019401,
    	"lat": 38.660663,
    	"name": "祁连山源地",
    	"url": "../img/temp/ad_01.jpg",
    	"apiary": "yihaofengchang.html",
    	"craftsman": "gongjiangliebiao.html",
    	"content": "成山头位于威海荣成成山镇，因地处成山山脉最东段而得名。它三面环海，一面接陆，与韩国隔海相望，是中国海岸的最东端，这里也是胶东半岛最早看见海上日出的地方。这里的山体非常陡峭，可以看到群峰和满山的绿树，大崖下海涛翻腾，水流非常急，浪很大，很有气势，这里自古就是理想的避暑胜地。"
    }]

    function addMarker(points) {
        //循环建立标注点
        var myIcon = new BMap.Icon("../img/temp/sprite.png", new BMap.Size(130, 130), {
//            imageSize: new BMap.Size(170, 170),
anchor: new BMap.Size(65, 85)
});
        for (var i = 0, pointsLen = points.length; i < pointsLen; i++) {
            var point = new BMap.Point(points[i].lng, points[i].lat); //将标注点转化成地图上的点
            var label = new BMap.Label(points[i].name, {offset: new BMap.Size(0, 97)});
            label.setStyle({
            	fontSize: "12px",
            	backgroundColor: "0",
            	fontWeight: 700,
            	border: "0",
            	width: "130px",
            	textAlign: "center",
            	lineHeight: "12px"
            });
            var marker = new BMap.Marker(point, {icon: myIcon}, {
            	offset: "40px"
            }); //将点转化成标注点
            marker.setLabel(label);
            map.addOverlay(marker);  //将标注点添加到地图上
            //添加监听事件
            (function () {
            	var thePoint = points[i];
            	marker.addEventListener("click",
            		function () {
            			showInfo(this, thePoint);
            		});
            })();
        }
    }
    addMarker(points)
    var opts = {
    	width: 310,
    	height: 0,
    	panel: "panel",
    	enableAutoPan: true,
    	offset: new BMap.Size(0, -60)
    };

    function showInfo(thisMarker, point) {
        //获取点的信息
        var sContent =
        "<div class='cladding-box'>" +
        "<div class='cladding-box-top'>" +
        "<img src='" + point.url + "'>" +
        "</div>" +
        "<h1>" + point.name + "" +
        "</h1>" +
        "<div class='cladding-text'>" + point.content + "</div>" +
        "<ul>" +
        "<li class='color-vr'><a href='fcxq.html' target='_blank'>蜂场详情</a></li>" +
        "<li class='color-live'><a href='gjlb.html' target='_blank'>工匠列表</a></li>" +
        "<li class='color-order'><a href='map.html'>蜂箱列表</a></li>" +
        "</ul>" +
        "</div>";
        var infoWindow = new BMap.InfoWindow(sContent, opts); //创建信息窗口对象
        thisMarker.openInfoWindow(infoWindow); //图片加载完后重绘infoWindow
	}
	$(function () {
			// var num = $(".sy_plus").siblings("input").val();
			// console.log(num)
		$(".sy_plus").click(function () {
			var num = $(this).siblings("input").val();
			$(this).siblings("input").val(num)		
			$(this).parent().siblings("span").html("¥"+2000*num)
			num++;
			// console.log(plice)
		})
		$(".sy_minus").click(function () {
			var num = $(this).siblings("input").val();
			$(this).siblings("input").val(num)		
			$(this).parent().siblings("span").html("¥"+2000*num)
			num--;
			// console.log(plice)
		})
		$(".coatChild").click(function () {
			$("<a class='bor'>"+ $(this).text() +"<i class='iconfont  icon-error'></i>"+"</a>").prependTo(".cleara").click(function () {
				$(this).css("display","none")
			})
		})
		$(".clearBtn").click(function () {
			$(".cleara").find("a").css("display","none")
		})
	})
	$(".coatChild").click(function () {
		console.log($(this))
		$(this).addClass("on").siblings().removeClass("on")
	})
</script>
</body>
</html>